Логотип schoolsw3.com
Учебники Справочники Упражнения КАК? Меню
Создать
Редактор Поддержка Форум

×
Учебники
Справочники
Упражнения
Пожертвовать Обновление Реклама Видео Магазин

JS Учебник

JS Главная JS Введение JS Установить JS Вывод JS Заявления JS Синтаксис JS Комментарии JS Переменные JS Let JS Const JS Операторы JS Арифметика JS Присваивание JS Типы данных JS Функции JS Объекты JS События JS Строки JS Методы строк JS Поиск строк JS Шаблоны строк JS Числа JS BigInt JS Методы чисел JS Свойства чисел JS Массивы JS Методы массива JS Поиск массива JS Сортировка массива JS Итерация массива JS Постоянный массив JS Даты JS Форматы даты JS Методы даты JS Методы набора даты JS Объекты Math JS Случайные числа JS Булевы JS Операторы сравнения JS Оператор If...Else JS Оператор Switch JS Цикл For JS Цикл For In JS Цикл For Of JS Цикл While JS Оператор Break JS Повторяющиеся JS Наборы JS Набор методов JS Карты JS Методы Карты JS Typeof JS Преобразование JS Битовые JS Выражения JS Приоритет JS Ошибки JS Область JS Подъемный JS Строгий JS Ключевое слово this JS Стрелки JS Классы JS Модули JS JSON JS Отладчик кода JS Стиль JS Практика JS Ошибки JS Эффективность JS Слова

JS Версии

JS Версии JS 2009 (ES5) JS 2015 (ES6) JS 2016 JS 2017 JS 2018 JS 2019 JS 2020 JS 2021 JS 2022 JS 2023 JS IE/Edge JS История

JS Объекты

Определение объектов Свойства объектов Методы объектов Отображение объектов Доступ объектов Конструкторы объектов Прототипы объектов Управление объектами Защита объектов

JS Функции

Определение функций Параметры функции Обращение к функции Вызов функции Применение функции Закрытие функции

JS Классы

Введение класса Наследование класса Статистический класс

JS Асинхронный

JS Обратный вызов JS Асинхронный JS Обещания JS Асинхронный

JS HTML DOM

DOM Введение DOM Методы DOM Документы DOM Элементы DOM HTML DOM Формы DOM CSS DOM Анимация DOM События DOM Прослушиватель DOM Навигация DOM Узлы DOM Коллекция DOM Список узлов

JS Браузер BOM

JS Window JS Экран JS Расположение JS История JS Навигатор JS Предупреждение JS Синхронизация JS Куки

JS Веб APIы

Веб API Введение Веб API История Веб API Хранилище Веб API Работник Веб API Извлечь Веб API Геолокации

JS AJAX

AJAX Введение AJAX XMLHttp AJAX Запрос на сервер AJAX Ответ с сервера AJAX Файл XML AJAX Файл PHP AJAX Файл ASP AJAX База данных AJAX Приложения AJAX Примеры

JS JSON

JSON Введение JSON Синтаксис JSON или XML JSON Типы данных JSON Парсинг JSON Строки JSON Объекты JSON Массивы JSON PHP JSON HTML JSON JSONP

JS или jQuery

jQuery Селекторы jQuery Элементы jQuery CSS jQuery DOM


JavaScript Область действия



Область действия определяет доступность (видимость) переменных.


JavaScript Область действия функции

В JavaScript есть два типа области видимости:

  • Локальная область действия
  • Глобальная область действия

JavaScript имеет область действия функции: каждая функция создает новую область действия.

Область действия определяет доступность (видимость) этих переменных.

Переменные, определенные внутри функции, недоступны (не видны) снаружи функции.


JavaScript Локальные переменные

Переменные, объявленные в функции JavaScript, становятся ЛОКАЛЬНЫМИ для функции.

Локальные переменные имеют локальную область действия функции: к ним можно получить доступ только из функции.

Пример
// код здесь НЕ МОЖЕТ использовать carName

function myFunction() {
  var carName = "Вольво";

  // код здесь МОЖЕТ использовать carName

}
Попробуйте сами »

Поскольку локальные переменные распознаются только внутри своих функций, переменные с одинаковыми именами могут использоваться в разных функциях.

Локальные переменные создаются при запуске функции и удаляются, когда функция завершается.


JavaScript Глобальные переменные

Переменная, объявленная вне функции, становится ГЛОБАЛЬНОЙ.

Глобальная переменная имеет глобальную область действия функции: все сценарии и функции на веб-странице могут получить к ней доступ.

Пример
var carName = "Вольво";

// код, в котором можно использовать carName

function myFunction() {

  // код, в котором также можно использовать carName

}
Попробуйте сами »

JavaScript Переменные

В JavaScript объекты и функции, также являются переменными.

Область видимости определяет доступность переменных, объектов и функций из разных частей кода.



Автоматически Глобальная

Если вы присвоите значение переменной, которая не была объявлена, она автоматически станет ГЛОБАЛЬНОЙ переменной.

В этом примере кода будет объявлена ​​глобальная переменная carName, даже если значение назначено внутри функции.

Пример
myFunction();

// код, в котором можно использовать carName

function myFunction() {
  carName = "Вольво";
}
Попробуйте сами »

Строгий режим

Все современные браузеры поддерживают выполнение JavaScript в "строгом режиме".

Вы узнаете больше о том, как использовать строгий режим в следующей главе этого руководства.

В "строгом режиме" необъявленные переменные не становятся автоматически глобальными.


Глобальные переменные в HTML

В JavaScript глобальная область действия - это полная среда JavaScript.

В HTML глобальной областью видимости является объект окна. Все глобальные переменные принадлежат объекту окна.

Пример
var carName = "Вольво";

// код, в котором можно использовать window.carName
Попробуйте сами »

Предупреждение

НЕ создавайте глобальные переменные, если вы не собираетесь их использовать.

Ваши глобальные переменные (или функции) могут перезаписывать переменные окна (или функции).
Любая функция, включая объект окна, может перезаписать ваши глобальные переменные и функции.


Время жизни переменных JavaScript

Время жизни переменной JavaScript начинается с момента ее объявления.

Локальные переменные удаляются по завершении функции.

В веб браузере глобальные переменные удаляются при закрытии окна (или вкладки) браузера.


Аргументы функции

Аргументы (параметры) функции работают как локальные переменные внутри функций.